import Icon from "@ant-design/icons"
import {CustomIconComponentProps} from "@ant-design/icons/lib/components/Icon"
import React from "react"

interface IconProps extends CustomIconComponentProps {
    onClick: (e: React.MouseEvent) => void
}

const Crab = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#C0ABFF' />
        <path
            d='M118 205H86V185H118V205ZM170 205H138V185H170V205ZM100 89H156V69H176V89H196V109H214V129H230V185H210V149H190V185H170V165H86V185H66V149H46V185H26V129H42V109H60V89H80V69H100V89ZM80 109V129H100V109H80ZM156 109V129H176V109H156ZM80 69H60V49H80V69ZM196 69H176V49H196V69Z'
            fill='#171717'
        />
    </svg>
)

// 螃蟹
export const CrabIcon = (props: Partial<IconProps>) => <Icon component={Crab} {...props} />

const SleepingCat = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#D6CAC6' />
        <path
            d='M154 69H162V85H170V93H189V85H198V77H206V69H214V60H222V69H230V136H240V180H230V189H222V195H112V189H94V179H68V170H42V179H16V155H26V146H68V155H76V121H86V111H94V103H112V93H120V85H128V77H138V69H146V60H154V69ZM138 154V162H162V154H138ZM198 154V162H222V154H198ZM146 85H136V93H128V103H146V93H154V76H146V85ZM214 85H205V93H214V103H222V76H214V85Z'
            fill='#171717'
        />
    </svg>
)

// 睡觉猫咪
export const SleepingCatIcon = (props: Partial<IconProps>) => <Icon component={SleepingCat} {...props} />

const Tiger = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#CFFF82' />
        <path
            d='M94 82H162V48H174V82H184V94H196V106H208V60H220V162H208V174H172V196H160V208H148V220H108V208H96V196H84V174H48V162H36V60H48V106H60V94H72V82H82V48H94V82ZM106 174V184H117V196H139V184H150V174H106ZM84 174H94V164H84V174ZM162 174H172V164H162V174ZM95 106V126H60V138H83V150H105V106H95ZM151 116V150H173V138H196V126H161V116H151ZM60 60H48V48H60V60ZM208 60H196V48H208V60ZM82 48H60V36H82V48ZM196 48H174V36H196V48Z'
            fill='#171717'
        />
    </svg>
)

// 老虎
export const TigerIcon = (props: Partial<IconProps>) => <Icon component={Tiger} {...props} />

const Cat = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <g clipPath='url(#clip0_46163_26594)'>
            <rect width='256' height='256' fill='#83E1FF' />
            <path
                d='M175.871 220.13H139.742V193.033H127.097V220.13H103.613V205.677H90.9678V220.13H67.4844V182.194H80.1299V169.549H175.871V220.13ZM56.6455 220.129H44V205.677H56.6455V220.129ZM114.452 193.033H127.097V180.387H114.452V193.033ZM139.742 193.033H152.388V180.387H139.742V193.033ZM92.7734 50.322H102.709V62.9675H153.29V50.322H163.225V35.8708H188.516V75.613H199.354V86.4519H212V147.871H199.354V158.71H56.6455V147.871H44V86.4519H56.6455V75.613H67.4834V35.8708H92.7734V50.322ZM128 146.064H140.646V133.419H128V146.064ZM90.9678 133.419H103.613V109.935H90.9678V133.419ZM163.226 133.419H175.871V109.935H163.226V133.419Z'
                fill='#171717'
            />
        </g>
        <defs>
            <clipPath id='clip0_46163_26594'>
                <rect width='256' height='256' fill='white' />
            </clipPath>
        </defs>
    </svg>
)

// 猫咪
export const CatIcon = (props: Partial<IconProps>) => <Icon component={Cat} {...props} />

const Octopus = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <g clipPath='url(#clip0_46163_26598)'>
            <rect width='256' height='256' fill='#F79BFF' />
            <path
                d='M166 54.1309H176V118H191.957V45H211.957V128H202V138H176.392V192H191.957V155.392H211.957V201.392H201.305V212H156.305V138H138.044V212H117.957V138H99.6953V212H54.6953V201.392H44.0439V155.392H64.0439V192H79.6084V138H54V128H44.0439V45H64.0439V118H80V54.1309H90V44H166V54.1309ZM99.6953 69V85.4346H117.956V69H99.6953ZM138.044 69V85.4346H156.305V69H138.044Z'
                fill='#171717'
            />
        </g>
        <defs>
            <clipPath id='clip0_46163_26598'>
                <rect width='256' height='256' fill='white' />
            </clipPath>
        </defs>
    </svg>
)

// 章鱼
export const OctopusIcon = (props: Partial<IconProps>) => <Icon component={Octopus} {...props} />

const Pig = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#A5FFAB' />
        <path
            d='M55.8428 57.6475H70.2744V68.4707H81.0977V81.0986H91.9209V68.4707H164.078V81.0986H174.901V68.4707H185.726V57.6475H200.157V45.0195H210.98V57.6475H220V93.7256H210.98V68.4707H200.156V93.7256H210.98V104.549H200.156V115.372H209.177V128H220V173.098H209.177V185.726H200.157V198.353H187.529V210.98H68.4707V198.353H55.8428V185.726H46.8232V173.098H36V128H46.8232V115.372H55.8428V104.549H45.0195V93.7256H55.8428V68.4707H45.0195V93.7256H36V57.6475H45.0195V45.0195H55.8428V57.6475ZM104.549 185.726V196.549H151.451V185.726H104.549ZM93.7256 174.902V185.726H104.549V174.902H93.7256ZM151.451 174.902V185.726H162.274V174.902H151.451ZM82.9023 150.549V174.902H93.7256V150.549H82.9023ZM104.549 150.549V174.902H115.372V150.549H104.549ZM140.627 150.549V174.902H151.451V150.549H140.627ZM162.274 150.549V174.902H173.098V150.549H162.274ZM93.7256 139.726V150.549H104.549V139.726H93.7256ZM151.451 139.726V150.549H162.274V139.726H151.451ZM104.549 128.902V139.726H151.451V128.902H104.549ZM81.0977 116.274V127.098H91.9219V116.274H81.0977ZM164.078 116.274V127.098H174.902V116.274H164.078Z'
            fill='#171717'
        />
    </svg>
)

// 猪
export const PigIcon = (props: Partial<IconProps>) => <Icon component={Pig} {...props} />

const Dog = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#FFD58F' />
        <path
            d='M53 48H63V36H109V48H119V36H129V58H141V80H163V92H185V102H218V69H224V167H218V212H206V220H196V190H173V212H161V220H151V190H107V212H95V220H85V190H63V212H53V220H43V179H32V69H43V36H53V48ZM63 91V113H53V123H97V113H73V101H85V91H63ZM43 103V113H53V103H43ZM97 103V113H107V103H97ZM53 70V80H63V70H53ZM87 70V80H97V70H87Z'
            fill='#171717'
        />
    </svg>
)

// 狗
export const DogIcon = (props: Partial<IconProps>) => <Icon component={Dog} {...props} />

const Rabbit = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#F79BFF' />
        <path
            d='M106 48H122V120H134V48H150V36H178V48H192V134H208V148H220V192H208V206H192V220H64V206H48V192H36V148H48V134H64V48H78V36H106V48ZM122 178V192H134V178H122ZM94 148V178H106V148H94ZM150 148V178H162V148H150Z'
            fill='#171717'
        />
    </svg>
)

// 兔子
export const RabbitIcon = (props: Partial<IconProps>) => <Icon component={Rabbit} {...props} />

const JumpingDragon = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#83E1FF' />
        <path
            d='M215 41.4121H224V80.9414H176V90.3525H206V99.7646H167V118.588H186V135.529H176V128H167V157.177H158V170.353H148V179.765H139V214.588H149V224H129V198.588H119V189.177H110V198.588H100V208H92V214.588H102V224H82V189.177H72V179.765H62V170.353H52V161.883H42V152.471H32V99.7646H42V116.706H52V125.177H62V134.588H82V128H92V118.588H105V109.177H119V99.7646H130V41.4121H139V32H215V41.4121ZM148 43V53H158V43H148Z'
            fill='#171717'
        />
    </svg>
)

// 跳跳龙
export const JumpingDragonIcon = (props: Partial<IconProps>) => <Icon component={JumpingDragon} {...props} />

const Batman = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#C0ABFF' />
        <path
            d='M93 80H87V92H93V106H99V112H105V106H112V86H118V92H138V86H144V106H151V112H157V106H163V92H169V80H163V68H186V74H198V80H210V86H216V92H222V98H228V104H234V118H240V144H234V138H228V132H216V126H198V132H192V150H186V144H163V150H157V169H151V163H138V177H131V195H125V177H118V163H105V169H99V150H93V144H70V150H64V132H58V126H40V132H28V138H22V144H16V118H22V104H28V98H34V92H40V86H46V80H58V74H70V68H93V80ZM117 112V118H123V112H117ZM133 112V118H139V112H133Z'
            fill='#171717'
        />
    </svg>
)

// 蝙蝠侠
export const BatmanIcon = (props: Partial<IconProps>) => <Icon component={Batman} {...props} />

const Skeleton = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#FF819A' />
        <path
            d='M82.9023 196.55H72.0781V220H49.5293V209.177H36V185.726H61.2549V174.902H82.9023V196.55ZM194.745 185.726H220V209.177H206.471V220H183.922V196.55H173.098V174.902H194.745V185.726ZM72.0781 59.4512H82.9023V70.2744H72.0781V81.0977H82.9023V70.2744H93.7256V57.6475H162.274V70.2744H173.098V59.4512H183.922V36H207.373V46.8232H220V70.2744H194.745V81.0977H185.726V93.7256H196.549V149.647H185.726V162.274H162.274V196.549H151.45V183.922H140.627V196.549H117.176V183.922H106.353V196.549H93.7256V162.274H70.2744V149.647H59.4512V93.7256H70.2744V81.0977H61.2549V70.2744H36V46.8232H48.627V36H72.0781V59.4512ZM128.901 140.628V151.451H118.078V162.275H139.726V140.628H128.901ZM82.9014 105.451V116.274H72.0781V137.922H82.9014V148.745H104.549V137.922H115.372V116.274H104.549V105.451H82.9014ZM151.45 105.451V116.274H140.627V137.922H151.45V148.745H173.098V137.922H183.921V116.274H173.098V105.451H151.45ZM173.098 81.0977H183.922V70.2744H173.098V81.0977Z'
            fill='#171717'
        />
    </svg>
)

// 骷髅
export const SkeletonIcon = (props: Partial<IconProps>) => <Icon component={Skeleton} {...props} />

const MeasuringCup = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#6FFFEB' />
        <path
            d='M205.568 220H50.4316V205.568H205.568V220ZM50.4316 205.568H36V162.274H50.4316V205.568ZM220 205.568H205.568V162.274H220V205.568ZM79.2939 191.138H64.8623V176.706H79.2939V191.138ZM176.706 176.706H147.843V147.843H176.706V176.706ZM64.8623 162.274H50.4316V147.843H64.8623V162.274ZM205.568 162.274H191.138V147.843H205.568V162.274ZM79.2939 147.843H64.8623V133.412H79.2939V147.843ZM191.138 147.843H176.706V133.412H191.138V147.843ZM147.843 104.549H162.274V118.98H176.706V133.412H79.2939V118.98H93.7256V104.549H108.157V50.4316H93.7256V36H162.274V50.4316H147.843V104.549Z'
            fill='#171717'
        />
    </svg>
)

// 量杯
export const MeasuringCupIcon = (props: Partial<IconProps>) => <Icon component={MeasuringCup} {...props} />

const Car = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#D6CAC6' />
        <path
            d='M77 166H166V152H178V166H214V178H191V190H177V202H91V190H77V176H53V190H39V202H27V164H53V152H65V140H77V166ZM77 202H53V190H77V202ZM214 202H191V190H214V202ZM226 190H214V178H226V190ZM214 90H230V166H214V152H178V90H166V78H214V90ZM53 152H27V78H53V152ZM166 152H154V140H166V152ZM154 66H166V78H154V140H77V66H65V54H154V66ZM65 78H53V66H65V78Z'
            fill='#171717'
        />
    </svg>
)

// 车
export const CarIcon = (props: Partial<IconProps>) => <Icon component={Car} {...props} />

const TV = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <g clipPath='url(#clip0_46163_26578)'>
            <rect width='256' height='256' fill='#A5FFAB' />
            <path
                d='M187 58H197V68H207V78H217V194H207V204H197V224H177V204H81V224H61V204H51V194H41V78H51V68H61V58H71V48H187V58ZM181 164V184H197V164H181ZM61 88V166H161V88H61ZM181 126V146H197V126H181ZM181 88V108H197V88H181Z'
                fill='#171717'
            />
        </g>
        <defs>
            <clipPath id='clip0_46163_26578'>
                <rect width='256' height='256' fill='white' />
            </clipPath>
        </defs>
    </svg>
)

// 电视
export const TVIcon = (props: Partial<IconProps>) => <Icon component={TV} {...props} />

const Headphones = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#6FFFEB' />
        <path
            d='M171 48H191V57H203V68H215V111H225V133H230V177H225V199H215V210H203V220H171V122H193V134H203V81H191V68H179V60H159V48H97V60H77V68H65V81H53V134H63V122H85V220H53V210H41V199H31V177H26V133H31V111H41V68H53V57H65V48H85V36H171V48Z'
            fill='#171717'
        />
    </svg>
)

// 耳机
export const HeadphonesIcon = (props: Partial<IconProps>) => <Icon component={Headphones} {...props} />

const SmileyFace = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#FFF27B' />
        <path
            d='M168 48H188V58H198V68H208V88H220V168H208V188H198V198H188V208H168V220H88V208H68V198H58V188H48V168H36V88H48V68H58V58H68V48H88V36H168V48ZM106 169V179H150V169H106ZM88 159V169H106V159H88ZM150 159V169H168V159H150ZM78 149V159H88V149H78ZM168 149V159H178V149H168ZM87 90V99H78V109H87V118H97V109H106V99H97V90H87ZM159 90V99H150V109H159V118H169V109H178V99H169V90H159Z'
            fill='#171717'
        />
    </svg>
)

// 笑脸
export const SmileyFaceIcon = (props: Partial<IconProps>) => <Icon component={SmileyFace} {...props} />

const Heart = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#CFFF82' />
        <path
            d='M118 67H138V45H207V67H230V135H207V157H186V179H162V201H139V223H117V201H94V179H70V157H49V135H26V67H49V45H118V67ZM60 92V112H80V92H60ZM80 72V92H100V72H80Z'
            fill='#171717'
        />
    </svg>
)

// 心
export const HeartIcon = (props: Partial<IconProps>) => <Icon component={Heart} {...props} />

const Wallet = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#FFD58F' />
        <path
            d='M140 94H152V106H164V94H184V106H196V128H208V140H220V196H208V208H196V220H60V208H48V196H36V140H48V128H60V106H72V94H92V106H82V118H92V106H104V94H116V82H140V94ZM128 106V118H116V130H128V152H116V164H128V186H116V198H128V208H140V198H152V186H140V164H152V152H140V130H152V118H140V106H128ZM104 174V186H116V174H104ZM152 164V186H164V164H152ZM104 130V152H116V130H104ZM152 130V142H164V130H152ZM164 118H176V106H164V118ZM104 94H92V82H104V94ZM164 94H152V82H164V94ZM153 48H142V60H130V72H118V60H106V72H94V60H105V48H94V60H82V48H94V36H153V48ZM186 48H175V60H164V72H142V60H153V48H164V36H186V48ZM82 48H70V36H82V48Z'
            fill='#171717'
        />
    </svg>
)

// 钱袋子
export const WalletIcon = (props: Partial<IconProps>) => <Icon component={Wallet} {...props} />

const Diamond = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <rect width='256' height='256' fill='#FFF27B' />
        <path
            d='M135.467 212.134H120.533V197.2H135.467V212.134ZM120.533 197.2H105.6V182.267H120.533V197.2ZM225.066 122.533H210.134V137.467H195.2V152.4H180.267V167.333H165.333V182.267H150.4V197.2H135.467V107.6H225.066V122.533ZM105.6 182.267H90.667V167.333H105.6V182.267ZM90.667 167.333H75.7334V152.4H90.667V167.333ZM75.7334 152.4H60.7998V137.467H75.7334V152.4ZM60.7998 137.467H45.8662V122.533H60.7998V137.467ZM75.7334 62.7998H90.667V47.8662H165.333V62.7998H150.4V77.7334H135.467V92.667H120.533V77.7334H105.6V92.667H120.533V107.6H45.8662V122.533H30.9336V107.6H16V92.667H30.9336V77.7334H45.8662V62.7998H60.7998V47.8662H75.7334V62.7998ZM240 107.6H225.066V92.667H240V107.6ZM225.066 92.667H210.134V77.7334H225.066V92.667ZM90.667 77.7334H105.6V62.7998H90.667V77.7334ZM210.134 77.7334H195.2V62.7998H210.134V77.7334ZM195.2 62.7998H180.267V47.8662H195.2V62.7998Z'
            fill='#171717'
        />
    </svg>
)

// 钻石
export const DiamondIcon = (props: Partial<IconProps>) => <Icon component={Diamond} {...props} />

const Robot = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='256' height='256' viewBox='0 0 256 256' fill='none'>
        <g clipPath='url(#clip0_46163_26596)'>
            <rect width='256' height='256' fill='#FF819A' />
            <path
                d='M158.667 86.5098H178.51V108.157H200.157V128H220V189.333H200.157V147.843H178.51V165.883H156.862V220H137.02V165.883H118.98V220H99.1377V165.883H77.4902V147.843H55.8428V189.333H36V128H55.8428V108.157H77.4902V86.5098H97.333V66.667H158.667V86.5098ZM99.1377 108.157V128H118.98V108.157H99.1377ZM137.02 108.157V128H156.862V108.157H137.02ZM97.333 66.667H77.4902V46.8232H97.333V66.667ZM178.51 66.667H158.667V46.8232H178.51V66.667ZM77.4902 46.8232H57.6475V36H77.4902V46.8232ZM198.353 46.8232H178.51V36H198.353V46.8232Z'
                fill='#171717'
            />
        </g>
        <defs>
            <clipPath id='clip0_46163_26596'>
                <rect width='256' height='256' fill='white' />
            </clipPath>
        </defs>
    </svg>
)

// 机器人
export const RobotIcon = (props: Partial<IconProps>) => <Icon component={Robot} {...props} />

const LightningBolt = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'>
        <path
            d='M8.6665 6.66667V2L2.6665 9.33333H7.33317L7.33317 14L13.3332 6.66667L8.6665 6.66667Z'
            stroke='url(#paint0_linear_46630_6719)'
            strokeLinecap='round'
            strokeLinejoin='round'
        />
        <defs>
            <linearGradient
                id='paint0_linear_46630_6719'
                x1='2.6665'
                y1='2'
                x2='15.7306'
                y2='5.83677'
                gradientUnits='userSpaceOnUse'
            >
                <stop stopColor='var(--Colors-Use-Magenta-Primary)' />
                <stop offset='0.639423' stopColor='var(--Colors-Use-Purple-Primary)' />
                <stop offset='1' stopColor='var(--Colors-Use-Blue-Primary)' />
            </linearGradient>
        </defs>
    </svg>
)

export const LightningBoltIcon = (props: Partial<IconProps>) => <Icon component={LightningBolt} {...props} />

const YakitLogoSvg = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'>
        <path
            fillRule='evenodd'
            clipRule='evenodd'
            d='M16.4716 27.7825C15.6693 27.9254 14.8434 28 14 28C6.26801 28 0 21.732 0 14C0 6.26801 6.26801 0 14 0C21.732 0 28 6.26801 28 14C28 14.8434 27.9254 15.6693 27.7825 16.4716C26.326 14.9486 24.2738 14 22 14C17.5817 14 14 17.5817 14 22C14 24.2738 14.9486 26.326 16.4716 27.7825Z'
            fill='var(--Colors-Use-Main-Primary)'
        />
        <path
            fillRule='evenodd'
            clipRule='evenodd'
            d='M24.4969 10.5614C24.5015 10.5112 24.5015 10.463 24.5015 10.4117C24.4984 9.87649 24.3291 9.35543 24.0171 8.92055C23.9971 8.88774 23.9714 8.85545 23.9458 8.82418C23.9389 8.81282 23.9306 8.80232 23.9212 8.79291C23.8937 8.76542 23.8589 8.74642 23.821 8.73821C23.783 8.72999 23.7435 8.73291 23.7071 8.74659C23.6707 8.76028 23.6391 8.78417 23.616 8.81539C23.5929 8.8466 23.5792 8.88383 23.5767 8.9226C23.5762 8.92703 23.5762 8.9315 23.5767 8.93593C23.5741 9.24774 23.483 9.5524 23.3139 9.81441C23.1448 10.0764 22.9048 10.285 22.6217 10.4158C22.4988 10.4729 22.3691 10.5143 22.2357 10.5389C22.1512 10.5549 22.0655 10.5638 21.9794 10.5655H21.9369H21.8943H20.7497C20.7476 10.5153 20.7456 10.4671 20.743 10.4158V10.383C20.7394 10.3594 20.7394 10.3328 20.7394 10.3082C20.7399 10.3056 20.7399 10.303 20.7394 10.3005C20.6974 10.0396 20.5717 9.79941 20.3812 9.61623C20.1907 9.43305 19.9458 9.3168 19.6835 9.28501H19.6712L19.6633 9.28403C19.6448 9.28173 19.6259 9.27937 19.6066 9.27937H19.5897C19.584 9.27861 19.5784 9.27861 19.5727 9.27937C19.5702 9.27888 19.5676 9.27888 19.5651 9.27937C18.0628 9.16421 16.5484 9.09672 15.0218 9.07689L14.937 9.07576C14.7312 9.073 14.5244 9.07023 14.318 9.07023C13.9814 9.06818 13.6448 9.06818 13.3082 9.07023C13.271 9.07074 13.2338 9.07142 13.1965 9.07211L13.1965 9.07211C13.1218 9.07347 13.047 9.07484 12.9724 9.07484C12.7332 9.07792 12.494 9.08236 12.2548 9.08817C10.9691 9.11995 9.69411 9.18454 8.42968 9.28194C8.42439 9.28143 8.41907 9.28143 8.41378 9.28194C8.40679 9.2814 8.39976 9.2814 8.39277 9.28194C8.38356 9.28238 8.37464 9.28328 8.36583 9.28418C8.35405 9.28538 8.34248 9.28655 8.33074 9.28655C8.32752 9.28605 8.32423 9.28605 8.321 9.28655C8.31436 9.2858 8.30765 9.2858 8.30101 9.28655C8.02664 9.32131 7.77259 9.44942 7.58152 9.64936C7.39045 9.8493 7.27399 10.1089 7.2517 10.3846C7.25034 10.3936 7.24949 10.4026 7.24914 10.4117L7.24703 10.4424C7.24431 10.4807 7.24145 10.5211 7.24145 10.5614H6.06245C5.97018 10.5616 5.87807 10.5537 5.78718 10.5378C5.64545 10.5144 5.50752 10.472 5.3771 10.4117C5.09508 10.2821 4.85564 10.075 4.68659 9.81471C4.51755 9.55438 4.42583 9.25143 4.42211 8.94105C4.42265 8.93611 4.42265 8.93113 4.42211 8.92619C4.41923 8.88773 4.40543 8.8509 4.38233 8.82002C4.35923 8.78914 4.3278 8.7655 4.29172 8.75187C4.25565 8.73825 4.21643 8.73521 4.17868 8.74312C4.14094 8.75102 4.10624 8.76954 4.07866 8.7965L4.0702 8.80703C4.06354 8.81527 4.05713 8.82318 4.05098 8.83187C4.02638 8.86211 4.00382 8.89338 3.98178 8.92465C3.78791 9.19408 3.6486 9.49882 3.57169 9.82171C3.52503 10.0175 3.50146 10.2181 3.50146 10.4194C3.50146 10.4696 3.50249 10.5178 3.50608 10.5691C3.51129 10.6605 3.52173 10.7516 3.53735 10.8418C3.64082 11.4743 3.97752 12.0451 4.48106 12.4417H4.48413C4.59178 12.5201 4.7025 12.5949 4.8163 12.6646H4.81989L4.83032 12.671C4.83638 12.6748 4.84239 12.6786 4.8486 12.6816C5.49998 13.0793 6.22872 13.3336 6.98617 13.4274C7.04205 13.4341 7.09946 13.4407 7.15636 13.4453C7.15277 13.5909 7.15277 13.735 7.15277 13.8805C7.14867 15.212 7.17891 16.5348 7.2435 17.8492C7.24812 17.8794 7.24812 17.9096 7.24812 17.9383C7.24863 17.9474 7.24863 17.9565 7.24812 17.9655C7.24763 17.9677 7.24763 17.97 7.24812 17.9722C7.27336 18.2194 7.37406 18.453 7.53656 18.641C7.69905 18.8291 7.91547 18.9627 8.15646 19.0235C8.20488 19.0351 8.25403 19.0433 8.30357 19.0481C8.30907 19.0497 8.31476 19.0506 8.32049 19.0507C8.33285 19.0514 8.34528 19.0525 8.35767 19.0536L8.35772 19.0536H8.35773C8.37976 19.0555 8.4017 19.0574 8.42301 19.0574C9.69223 19.1541 10.97 19.2171 12.2563 19.2465C12.6069 19.2547 12.9586 19.2607 13.3112 19.2645H13.6701C13.9406 19.2653 14.2108 19.2648 14.4805 19.2628C14.6072 18.915 14.7572 18.5785 14.9288 18.2552C14.6569 18.2582 14.3848 18.2598 14.1124 18.2598H13.9807H13.8228C13.6511 18.2587 13.4799 18.2577 13.3102 18.2551C12.9582 18.2517 12.6066 18.2454 12.2553 18.2362C11.3787 18.2153 10.5047 18.1774 9.63328 18.1224C9.256 18.0998 8.88128 18.0742 8.50554 18.0439H8.4753C8.41743 18.0367 8.36364 18.0103 8.32249 17.969C8.28134 17.9276 8.25519 17.8737 8.24821 17.8158V17.7856C8.22907 17.4128 8.21336 17.0384 8.20105 16.6625C8.17269 15.8348 8.15851 15.0049 8.15851 14.1727V13.8816L8.15922 13.7564C8.15974 13.6517 8.16026 13.5474 8.16209 13.4433C8.16654 12.9211 8.1773 12.4006 8.19439 11.8819C8.19512 11.856 8.19617 11.83 8.19722 11.804L8.19723 11.804L8.19723 11.8039C8.19914 11.7567 8.20105 11.7094 8.20105 11.6625C8.21336 11.2888 8.22925 10.9166 8.24821 10.544V10.5383V10.506C8.25259 10.4735 8.26284 10.4421 8.27846 10.4133C8.29818 10.3777 8.326 10.3473 8.35966 10.3245C8.39333 10.3017 8.43189 10.2872 8.47222 10.282H8.50554C8.5419 10.2786 8.57768 10.2759 8.61354 10.2733L8.61355 10.2733L8.61357 10.2733L8.64856 10.2708C8.97355 10.2462 9.2994 10.2241 9.6261 10.2046C10.4989 10.1513 11.3748 10.1144 12.2537 10.0939L12.3443 10.0911C12.4551 10.0876 12.5659 10.0842 12.6766 10.0842C12.8868 10.0806 13.0985 10.0775 13.3087 10.0749C13.5491 10.0719 13.7869 10.0719 14.0263 10.0719H14.0263H14.316C14.6517 10.0729 14.9859 10.0765 15.3207 10.0831C16.3356 10.1013 17.3475 10.14 18.3563 10.1995C18.6875 10.2195 19.0186 10.2421 19.3498 10.2651L19.4871 10.2764C19.4979 10.2756 19.5087 10.2756 19.5194 10.2764C19.5605 10.2816 19.5997 10.2967 19.6338 10.3202C19.6679 10.3438 19.6958 10.3751 19.7152 10.4117C19.7314 10.441 19.7413 10.4733 19.7445 10.5066C19.745 10.5154 19.745 10.5243 19.7445 10.5332C19.7653 10.9156 19.7824 11.2985 19.7957 11.682C19.7962 11.7098 19.7973 11.7378 19.7984 11.7659C19.7999 11.8023 19.8014 11.8389 19.8014 11.8757C19.8178 12.3969 19.8285 12.9192 19.8337 13.4428C20.0008 13.4587 20.174 13.4664 20.3417 13.4664C20.5093 13.4664 20.6764 13.4587 20.8404 13.4428C20.8989 13.4382 20.9568 13.4315 21.0142 13.4248C21.772 13.3311 22.501 13.0768 23.1528 12.679C23.1574 12.6765 23.1618 12.6738 23.1661 12.6708C23.2922 12.5939 23.4132 12.5124 23.5316 12.4263L23.534 12.4245C23.5347 12.4239 23.5354 12.4234 23.5362 12.423C23.5374 12.4222 23.5386 12.4214 23.5398 12.4206C24.0361 12.0217 24.3668 11.453 24.4681 10.8244C24.4829 10.7374 24.4925 10.6496 24.4969 10.5614ZM16.4479 16.2403C16.3976 16.2888 16.348 16.3379 16.299 16.3877H13.9797V15.3799H16.4479V16.2403ZM9.52461 15.67L10.2423 16.3877L10.2535 16.3856L11.7478 14.9037L12.1066 14.5449C12.2016 14.4489 12.2549 14.3193 12.2549 14.1842C12.2549 14.0492 12.2016 13.9196 12.1066 13.8236L10.2428 11.9598L9.52051 12.6826L9.84345 13.007L11.0224 14.1835L9.52461 15.67Z'
            fill='var(--Colors-Use-Main-On-Primary)'
        />
    </svg>
)

export const YakitLogoSvgIcon = (props: Partial<IconProps>) => <Icon component={YakitLogoSvg} {...props} />

const YakitSpinLogoSvg = () => (
    <svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'>
        <path
            d='M10.0588 1.55098C10.0922 1.55103 10.1255 1.55532 10.1575 1.56367L10.2502 1.60078L10.3293 1.66035C10.3532 1.68328 10.3744 1.70912 10.3918 1.7375C10.4267 1.79417 10.4465 1.85862 10.4495 1.925C10.4524 1.99151 10.4382 2.05778 10.4084 2.11739L6.36353 10.2336C6.33107 10.2984 6.28171 10.3536 6.21997 10.3918C6.15818 10.4301 6.08666 10.4504 6.01392 10.4504C5.94118 10.4504 5.86965 10.43 5.80786 10.3918C5.74613 10.3536 5.69677 10.2984 5.66431 10.2336H5.66333L5.1897 9.28145L5.18872 9.2795C5.17556 9.25259 5.16513 9.2245 5.15845 9.19551L5.14868 9.10762L5.15845 9.01875C5.16512 8.99007 5.1757 8.96238 5.18872 8.93575L8.60767 1.77559V1.77461C8.63911 1.70816 8.68915 1.6521 8.75122 1.6125L8.79907 1.58614C8.84904 1.56336 8.90386 1.55127 8.95923 1.55098H10.0588ZM4.85669 1.55098C4.91221 1.55122 4.96671 1.56334 5.01685 1.58614L5.06567 1.6125L5.10962 1.64473C5.13765 1.66872 5.16165 1.69693 5.18188 1.72774L5.20923 1.77559L5.83911 3.11739L6.46704 1.77657L6.49341 1.72774C6.52359 1.68159 6.56372 1.64245 6.6106 1.6125L6.65942 1.58614C6.70957 1.56336 6.76404 1.55116 6.81958 1.55098H7.92017C7.9869 1.55133 8.05253 1.56896 8.1106 1.60176C8.13973 1.61825 8.16686 1.63823 8.19067 1.66133L8.2522 1.73848L8.29321 1.8293L8.30981 1.92696L8.30103 2.02559C8.29414 2.05742 8.28248 2.08801 8.26782 2.11739L5.28833 8.10664H5.28735C5.25491 8.17153 5.20558 8.22658 5.1438 8.26485C5.08198 8.30312 5.01051 8.32344 4.93774 8.32344C4.865 8.32343 4.79349 8.30311 4.73169 8.26485C4.66995 8.22658 4.62056 8.1715 4.58813 8.10664L4.11353 7.1545L4.11255 7.15254C4.08643 7.09898 4.07251 7.04023 4.07251 6.98067C4.07253 6.92252 4.08567 6.86521 4.1106 6.8127L5.01196 4.88496L3.61646 2.11836L3.61548 2.11739C3.58579 2.05775 3.57148 1.99152 3.57446 1.925C3.57746 1.85843 3.59709 1.7933 3.63208 1.73653L3.69458 1.65938C3.71843 1.6365 3.74557 1.61707 3.77466 1.60078C3.83299 1.56818 3.89916 1.55095 3.96606 1.55098H4.85669ZM2.8313 1.55C2.8868 1.55029 2.94135 1.56236 2.99146 1.58516L3.04028 1.61153L3.08423 1.64473C3.11204 1.6686 3.13637 1.69615 3.15649 1.72676L3.18384 1.77461L4.36353 4.28535H4.36255L4.40552 4.37227L4.40649 4.37422C4.4321 4.42722 4.44556 4.48531 4.44556 4.54414C4.44554 4.60244 4.43165 4.65952 4.40649 4.71211L4.3606 4.81172L4.0188 5.52657V5.52754C3.98722 5.59334 3.93787 5.64938 3.87622 5.68867C3.81444 5.72803 3.74251 5.74858 3.66919 5.74922C3.59584 5.74985 3.52365 5.72992 3.46118 5.6916C3.39889 5.65335 3.34835 5.59866 3.31567 5.5334V5.53242L1.59204 2.11836L1.59106 2.11641C1.56145 2.05683 1.54707 1.99046 1.55005 1.92403L1.56763 1.82637C1.57733 1.79489 1.59123 1.76482 1.60864 1.73653C1.64358 1.67983 1.69207 1.6324 1.75024 1.59981L1.84302 1.5627C1.87509 1.55435 1.90821 1.54999 1.94165 1.55H2.8313Z'
            fill='var(--Colors-Use-Orange-Primary)'
            stroke='var(--Colors-Use-Neutral-Text-1-Title)'
            strokeWidth='0.5'
            strokeLinejoin='round'
        />
    </svg>
)

export const YakitSpinLogoSvgIcon = (props: Partial<IconProps>) => <Icon component={YakitSpinLogoSvg} {...props} />
